<!DOCTYPE html>
<html>
<head>
<style>
	div.demo {
		background:#CCCCCC none repeat scroll 0 0;
		border:3px solid #666666;
		margin:5px;
		padding:5px;
		position:relative;
		width:200px;
		height:100px;
		overflow:auto;
	}
	p {margin:10px;padding:5px;border:2px solid #666;width:1000px;height:1000px;}
</style>
<script type="text/javascript" src="static/js/jquery/jquery-2.2.4.min.js">
</script>
</head>
<body>
	<div class="demo">
		<h1>lalala</h1>
		<p>Hello</p>
	</div>
	
	<div id="tt"></div>
	<script>
		$("div.demo").scrollTop(0);
		$("div.demo").scrollLeft(0);

		var p = $("p:last");
		var offset = p.offset();
		$("#tt").html( "left: " + offset.left + ", top: " + offset.top );
	</script>
 
</body>
</html>